<template>
  <view class="container">
    <view class="menu">
      <view class="menu-item">
        <view class="time">
          2024-09-09 12:12
        </view>
        <view class="value">
          +50
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default{
    data(){
      return{
        
      }
    },
    methods: {
      
    }
  }
</script>

<style lang="scss" scoped>
  .container{
    width: 100vw;
    min-height: 100vh;
    background: #fff;
    .menu{
      padding: 0 30rpx;
      box-sizing: border-box;
      .menu-item{
        height: 98rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx 0;
        box-sizing: border-box;
        border-bottom: 2rpx solid #eee;
        .time{
          font-weight: 400;
          font-size: 24rpx;
          color: #000000;
        }
        .value{
          font-weight: 500;
          font-size: 32rpx;
          color: #000000;
        }
      }
    }
  }
</style>